{extend name="public/base"}
{block name="title"}{/block}
{block name="css"}
<style>
    .layui-container {display: flex;align-items: center;height: 100%;}
</style>
{/block}
{block name="main"}
{:widget('Pub/header')}
<div class="top-box">
    <div class="layui-container">
        <div class="tip-box">
            <div class="t-vertical"></div>
            <div class="t-title">应用中心</div>
        </div>
    </div>
</div>
<div class="main">
    <!-- 列表 -->
    {volist name="list" id="vo"}
    <div class="apply-box wow slideInUp">
<!--        <a href="">-->
            <img class="apply-background" src="{$vo.img}" alt="照明">
            <div class="apply-tip">{$vo.title}</div>
            {if ($vo.child != [])}
            <div class="apply-content layui-row" style="display: flex;justify-content: space-evenly;align-items: center;">
                {volist name="$vo.child" id="vo2"}
                <div class="" style="width: 30%;">
                    <div class="apply-content-img">
                        <a href="">
                            <img src="{$vo2.img}">
                        </a>
                    </div>
                    <div class="apply-content-title">{$vo2.title}</div>
                </div>
                {/volist}
            </div>
            {/if}
<!--        </a>-->
    </div>
    {/volist}
</div>
{:widget('Pub/footer')}
{/block}
{block name="js"}
<script>
    new WOW().init();
</script>
{/block}